<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <body>
        <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets" template="./../../WEB-INF/templates/noBarTemplate.xhtml">
            <!--<ui:define name="header">
                <h:outputStylesheet name="newusers.css" library="css"></h:outputStylesheet>
                <h:outputScript target="head" library="javascript" name="modernizr.js"></h:outputScript>
                <h:form styleClass="noWhiteForm" style="display:block" id="headerForm">
                    <p:idleMonitor timeout="999999">
                        <p:ajax event="idle" listener="#{loginBean.expireSession()}"></p:ajax>
                    </p:idleMonitor>
                    <div class="headerContainer cropPanel">
                        <div class="logoContainer inlineBlock">
                            <p:commandLink styleClass="logoBackground" ajax="true" action="#{loginBean.goIndex()}"></p:commandLink>
                        </div>
                        <h:outputText value="for" styleClass="darkBodyText companyCandidateForLogo"></h:outputText>
                        <h:outputText value="#{createCandidateForCompanyBean.company.name}" styleClass="companyCandidateCompanyNameLogo"></h:outputText>
                    </div>
                </h:form>
            </ui:define>!-->
            
            <ui:define name="content">
                <h:form id="createCandidateForm">
                <h:outputStylesheet name="newusers.css" library="css"></h:outputStylesheet>
                    <p:growl id="growlFile" showDetail="false" sticky="true" />
                    <p:panel styleClass="landingWrapperPanel noBorder">
                        <h:graphicImage styleClass="block landingLogo" value="/companyFiles/#{createCandidateForCompanyBean.company.idCompany.toString()}/images/#{createCandidateForCompanyBean.company.logo}" rendered="#{createCandidateForCompanyBean.company.logo!=null}" ></h:graphicImage>
                        <p:panel styleClass="justify transparentPanel noMargin noBorder noPadding" style="width:40%;margin-left: 30%;margin-top: 50px;">
                            <!--<h:outputText rendered="#{createCandidateForCompanyBean.company.summary!=null and createCandidateForCompanyBean.company.summary!='' and createCandidateForCompanyBean.company.summary!=' '}" styleClass="landingText" value="#{createCandidateForCompanyBean.company.summary} "></h:outputText>!-->
                            <!--<h:outputFormat styleClass="landingTextDark" value="#{messages.CompanyCandidateTip}">
                                <f:param value="#{createCandidateForCompanyBean.company.name}"></f:param>
                            </h:outputFormat>!-->
                            <h:outputText styleClass="landingTextDark" value="#{messages.CompanyCandidateTip1}"></h:outputText>
                        </p:panel>
                        <p:panel styleClass="transparentPanel noMargin noPadding noBorder" style="margin-top:70px;">
                            <p:panel styleClass="center cardPanel inlineBlock professionalBackgroundButton">
                                <h:graphicImage styleClass="caraRedonda inlineBlock" library="images" name="caraeliredonda.png"></h:graphicImage>
                                <h:outputText styleClass="caraRedondaSlogan block" value="#{messages.Impress}"></h:outputText>
                            </p:panel>
                            <p:panel styleClass="center cardPanel inlineBlock personalBackgroundButton">
                                <h:graphicImage styleClass="caraRedonda inlineBlock" library="images" name="caraantonioredonda.png"></h:graphicImage>
                                <h:outputText styleClass="caraRedondaSlogan block" value="#{messages.ItsYourTime}"></h:outputText>
                            </p:panel>
                            <p:panel styleClass="center cardPanel inlineBlock relocatingBackgroundButton">
                                <h:graphicImage styleClass="caraRedonda inlineBlock" library="images" name="caraulrikaredonda.png"></h:graphicImage>
                                <h:outputText styleClass="caraRedondaSlogan block" value="#{messages.GetAJob}"></h:outputText>
                            </p:panel>
                        </p:panel>
                        <p:panel styleClass="noMargin noBorder noPadding transparentPanel center">
                            <h:outputText styleClass="landingSlogan block" value="#{messages.TheRecruiterySlogan}"></h:outputText>
                        </p:panel>
                    <p:panel styleClass="noBorder noPadding noMargin transparentPanel center">
                        <h:panelGrid styleClass="noMargin noPadding noBorder center inlineBlock" style="width:20%" columns="1">  
                            <p:inputText id="email" style="margin-top:20px!important" value="#{createCandidateForCompanyBean.candidate.user.email}" required="true" requiredMessage="#{messages.EmailRequired}" label="#{messages.Email}">  
                                <f:validator  binding="#{emailValidator}"></f:validator>
                                <p:ajax event="change" update="growlFile" />
                            </p:inputText>  
                            <p:watermark for="email" value="#{messages.Email}" /> 

                            <p:password styleClass="ui-inputtext" id="password" match="password2" feedback="true" value="#{createCandidateForCompanyBean.candidate.user.password}" required="true" requiredMessage="#{messages.PasswordRequired}" label="#{messages.Password}">
                                <f:validateLength minimum="5" maximum="30"></f:validateLength>
                            </p:password>
                            <p:watermark for="password" value="#{messages.Password}" />

                            <p:password id="password2" styleClass="ui-inputtext" feedback="true" value="#{createCandidateForCompanyBean.candidate.user.password}" required="true" requiredMessage="#{messages.RepeatPasswordRequired}" label="#{messages.RepeatPassword}">
                            </p:password>
                            <p:watermark for="password2" value="#{messages.RepeatPassword}" />
                            <p:commandButton styleClass="loginButton" value="#{messages.JoinIn}" update="growlFile" id="ajax" action="#{createCandidateForCompanyBean.createCandidate}" />  
                        </h:panelGrid>
                        <p:panel styleClass="noMargin noPadding noBorder transparentPanel">
                            <h:outputText styleClass="contractText" value="#{messages.ContractAccept} "></h:outputText>
                            <p:commandLink styleClass="contractText" value="#{messages.UseTerms}" process="@this" action="UseTerms?faces-redirect=true"></p:commandLink>
                            <h:outputText styleClass="contractText" value=" #{messages.And} "></h:outputText>
                            <p:commandLink styleClass="contractText" value="#{messages.PrivacyPolicy}" process="@this" action="Privacy?faces-redirect=true"></p:commandLink>  
                        </p:panel>
                                                  
                    </p:panel>    
                    
                    
                    
                    </p:panel>
                </h:form>    
            </ui:define>
            <ui:define name="footer"></ui:define>
        </ui:composition>
    </body>
</html>
